<template>
  <div id="detailSwiper">
    <swiper class="lunbo">
      <swiper-items v-for="(item,index) in topImages" :key="index" >
       <img :src="item" alt="">
      </swiper-items>
    </swiper>
  </div>
</template>
<script>
import Swiper from '../../../components/common/swiper/swiper'

import SwiperItems from '../../../components/common/swiper/swiperItems'

export default {
  name:'detailSwiper',
  props:{
    topImages:{
      type:Array,
      dafault(){
        return[]
      }
    }
  },
  components:{
    Swiper,
    SwiperItems,
    
  }
}
</script>
<style scoped>
.lunbo {
  height: 300px;
  overflow: hidden;
}
.lunbo  img {
  width: 100%;
}
</style>

